<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>淘宝</title>
	<style>
	.one{
		width: 350px;
		height: 500px;
		padding: 0;
		border:1px dashed black;
		float: left;
	}
	.two{
		width: 350px;
		height: 500px;
		padding: 0;
		border:1px dashed black;
		border-left: none;

		float: left;
	}
	.three{
		width: 350px;
		height: 500px;
		padding: 0;
		border:1px dashed black;
		border-left: none;
		float: left;
	}
	.a{
		height: 230px;
	}
	.b{
		border-top: 1px dashed black;
	}
	.c{
		height: 230px;;
	}
	.d{
		border-top: 1px dashed black;
	}
	.one>img{
		position: relative;
		top:78px;
		left: 125px; 
	}
	.a>img{
		position: relative;
		top:-95px; 
		left:218px;
	}
	.b>img{
		position: relative;
		top:-61px;
		left: 178px; 
	}
	.c>img{
		position: relative;
		top:-97px;
		left: 192px;  
	}
	.d>img{
		position: relative;
		top:-76px;
		left: 185px;  
	}
	
	</style>
</head>
<body>
	<div class="all">
		<div class="one">
			<h2>焕新</h2>
			<h2>品牌精选新品</h2>
			<h2>每日新品首发</h2>
			<img src="01.jpg" alt="">
		</div>
		<div class="two">
			<div class="a">
				<h2>必抢</h2>
				<h2>牛货集结</h2>
				<h2>件件必抢</h2>
				<img src="02.jpg" alt="">
			</div>
			<div class="b">
				<h2>酷玩街</h2>
				<h2>创意神器</h2>
				<h2>潮炫智能</h2>
				<img src="04.jpg" alt="">
			</div>
		</div>	
		<div class="three">
			<div class="c">
				<h2>手机馆</h2>
				<h2>新品手机</h2>
				<h2>12期免利息</h2>
				<img src="03.jpg" alt="">
			</div>
			<div class="d">
				<h2>喵鲜生</h2>
				<h2>全球精选生鲜</h2>
				<h2>一站式购齐</h2>
				<img src="05.jpg" alt="">
			</div>
		</div>	
	</div>
</body>
</html>